<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index Layout</title>
    <script src="../../js/vue.js"></script>
    <script src="../../js/iview/iview.min.js"></script>
    <link rel="stylesheet" href="../../js/iview/iview.css">
</head>
<body>

<template>
    <div class="layout">
        <Layout>
            <Header>Header</Header>
            <Content>Content</Content>
            <Footer>Footer</Footer>
        </Layout>

        <Layout>
            <Header>Header</Header>
            <Layout>
                <Sider hide-trigger>Sider</Sider>
                <Content>Content</Content>
            </Layout>
            <Footer>Footer</Footer>
        </Layout>

        <Layout>
            <Header>Header</Header>
            <Layout>
                <Content>Content</Content>
                <Sider hide-trigger>Sider</Sider>
            </Layout>
            <Footer>Footer</Footer>
        </Layout>

        <Layout>
            <Sider hide-trigger>Sider</Sider>
            <Layout>
                <Header>Header</Header>
                <Content>Content</Content>
                <Footer>Footer</Footer>
            </Layout>
        </Layout>
    </div>
</template>

<script>


    new Vue({
        el: '#app'
    });
</script>

</body>


</html>